@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?qb5v65');
  src:  url('../fonts/icomoon.eot?qb5v65#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?qb5v65') format('truetype'),
    url('../fonts/icomoon.woff?qb5v65') format('woff'),
    url('../fonts/icomoon.svg?qb5v65#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-mail:before {
  content: "\e906";
}
.icon-phone:before {
  content: "\e904";
}
.icon-contact:before {
  content: "\e904";
}
.icon-phone2:before {
  content: "\e905";
}
.icon-contact2:before {
  content: "\e905";
}
.icon-user-circle-o:before {
  content: "\e907";
}
.icon-qq:before {
  content: "\e903";
}
.icon-home:before {
  content: "\e900";
}
.icon-home2:before {
  content: "\e901";
}
.icon-home3:before {
  content: "\e902";
}
.icon-headphones:before {
  content: "\e910";
}
.icon-file-text:before {
  content: "\e922";
}
.icon-qrcode:before {
  content: "\e938";
}
.icon-phone3:before {
  content: "\e942";
}
.icon-phone-hang-up:before {
  content: "\e943";
}
.icon-envelop:before {
  content: "\e945";
}
.icon-location:before {
  content: "\e947";
}
.icon-location2:before {
  content: "\e948";
}
.icon-plus:before {
  content: "\ea0a";
}
.icon-minus:before {
  content: "\ea0b";
}
.icon-cross:before {
  content: "\ea0f";
}
.icon-checkmark:before {
  content: "\ea10";
}
.icon-backward2:before {
  content: "\ea1f";
}
.icon-forward3:before {
  content: "\ea20";
}
.icon-arrow-up:before {
  content: "\ea32";
}
.icon-shift:before {
  content: "\ea4f";
}
.icon-mail2:before {
  content: "\ea84";
}



.sideBar{
		position: fixed;
		top: 50%;
		right: 0;
		margin-top: -100px;
		z-index: 233;
		background-color: #17a0e8;
		border-radius: 5px 0 0 5px;
	}
	.sideBar li .sideBarBox{
		display: block;
		width: 50px;
		height: 50px;
		color: #fff;
	}
	.sideBar li{
		position: relative;
		width: 50px;
		height: 50px;
		text-align: center;
	    transition: all 0.2s linear;
	}
	.sideBar li b{
		display: block;
		visibility: hidden;
	    font-weight: normal;
	    height: 0;
	}
	.sideBar li .sideBarBox:after{
		content: attr(data-side-icon);
		display: block;
		width: 100%;
		height: 100%;
		font-size: 18px;
		line-height: 50px;
		font-size: 24px;
	}
	.sideBar li:hover{
		background-color: #4fbaf3;
	}
	.sideBar li:hover .sideBarBox:after{
		content: attr(data-side-font);
		font-size: 16px;
	}
	.sideBar .sideHideBox{
		position: absolute;
		width: 200px;
		left: -210px;
	    border: 1px solid #dcd9d8;
        box-shadow: 0 5px 10px rgba(0,0,0,0.2);
		top: 0;
		display: none;
	}
	.sideBar li:hover .sideHideBox{
		display: block;
	}
	.sideBar .sideHideM{
		margin-right: -10px;
	}
	.sideBar .sideHideTitle{
		position: relative;border-radius: 
		z-index: 2;
		color: #333; 
		padding-right: 10px;
		font-size: 14px;
		border-radius: 1px 1px 0 0;
	}
	.sideBar .sideHideTitle span{
		display: block;
		padding: 8px 0;
		background-color: #f7f7f7;
		border-bottom: 1px solid #ebebeb;
	}
	.sideBar .sideHideMain{
		padding-right:10px; 
		margin-top: -10px;
	}
	.sideBar .sideHideContent{
		background-color: #fff;
		padding: 15px;
	}
	.sideBar .sideHideMain span,.sideBar .sideHideMain a, .sideBar .sideHideMain img{
		display: block;
		width: 100%;
		text-align: left;
		margin-top: 10px;
		color: #666;
		font-size: 12px;
		line-height: 18px;
	}
	.sideBar .sideHideMain a:before{
		content: "";
		display: inline-block;
		width: 18px;
		height: 18px;
		background: url("http://wpa.qq.com/pa?p=2:87157449:52") no-repeat center center;
		background-size: contain;
		vertical-align: middle;
		margin-right: 4px;
	}